As Button Generator, es uno de los generadores más completos que he visto, permite dar forma al botón moldeando esquinas, añadiendo borde, brillo, texto, iconos, y por supuesto color.
Dispone de otra herramienta que le otorga un efecto rayado que podemos añadir con mayor o menor intensidad de color y separación de las líneas.
 |  |
|---|---|
 |  |
@Gemablog
19 opiniones:
Me ha gustado mucho los generadores de bototones, "sigo tu blog como mi perro me sigue a mí"
Besos
hola Gema, en primer lugar te admiro por el trabajo que haces, ayudas a mucha gente y es de agradecer, te voy a hacer una consulta , tengo un blog de cocina y estoy haciendo un indice de dulce y otro de platos salados , me gustaria poner un boton como los que muestres que luego me lleve al post donde tengo el índice ¿como lo hago? Me gustaria un boton con una imagen que ponga Salado y pinche y me direccione a donde tengo todos los post salado , no se si me explico.
Habia tenido oportunidad de probar este generador y como tu muy bien dices es muy completo y útil.
Que tengas muy buen fin de semana.
Sisco
pues si que lo es... se ve bueno =D
Fotografo1953 ¡cuanto tiempo! eso quiere decir que te agrada, me alegra que así sea :)
Las pacas lo primero de todo darte las gracias por el comentario y después vamos a seguir los pasos para añadir ese botón.
Lo principal es crear el botón claro está, el diseño puede ser acorde con los colores del blog y una imagen pequeña tipo icono que identifique el botón con la etiqueta de salado o dulce.
Si las imágenes que tienes son muy grandes puedes usar el generador de favikon, conseguirás una tamaño icono.
Puedes verlo aquí
El texto y la imagen lo añades al mismo tiempo que creas el botón, una vez terminado lo guardas en tu PC.
Lo siguiente será crear el enlace:
Según en el sitio donde lo vas a añadir abrimos un elemento de página en HTML... y copiamos lo siguiente:
<a href="url-de-la-página"><img src="url-de-la-imagen"/></a>
Donde url-de-la-imagen tenemos que pegar la url de la imagen del botón, para conseguir la url debe ser alojada en un servidor que muy bien puede ser Blogger, en cualquier entrada puedes subirlo y luego, una vez copias la url de la imagen guardas esa entrada en borrador.
Queda añadir url-de-la-página para que te dirija a todos los pots salados imagino que tendrás una etiqueta de salados. Lo que hacemos es clicar en una etiqueta (salados) y nos mostrará todas las entradas con dicha etiqueta lo que hacemos es copiar la url de la barra del navegador que en ese momento nos muestra todas la etiquetas y pegarla donde dice "url-de-la-página"
De no tener la etiqueta salados la solución sería crear una entrada cuyo título sea salados por ejemplo, y en ella haces un listado donde irán las etiquetas "saladas" existentes en tu blog yal mismo tiempo serían un enlace a las recetas.
Naturalmente lo que menos trabajo te daría sería editar las entradas añadiendo "Dulce" y "Salado" como etiquetas además de la que ya tienen.
Cualquier cosa me mandas un mail y lo hacemos paso a paso ;)
Buen fin de semana para ti también Sisco ;)
Me alegra que te guste SDJRP ;)
Gem@ querida, por lo que veo nadie a tenido problemas con esta página que mencionas, soy la única :'(
Verás, me sale una ventanita diciendome si quiero instalar el Adobe Flash Player 10, yo tengo el 9, le doy a que si, me tiene un buen rato descargando... nada, no me descarga nada, y no me deja acceder a nada.
Me voy a la página de Adobe para instalarlo, lo descargo y resulta que es un plugin :S
Bueno ahora si puedo entrar, empiezo a configurar mi botón (solo para probar), no me admite ponerle texto, hay algo escrito en rojo como que eso no funciona.
Imagen si le agregué pero la coloca donde quiere, no se, hay otras funciones mas que tampoco me permite hacer nada :S
O soy muy burra (seguramente)o me falta algo en la pc, no se que pensar... :(
Sin funciona k_nelita aunque parece que hoy va más lento que ayer :(
La imagen hay que arrastrarla hasta dejarla donde deseas y el texto lo que hice fue marcarlo como cuando vas a copiar algo y así marcado escogí tipo de letra color ect...
Ante todo gracias por tu visita y comentarios en mi blog. es de agradecer ,saber que tuviste un hueco para tomarte un cafelito y ver la nueva plantilla. Exactamente fueron 9 horas para hacer el transito de un diseño a otro. Hice un blog de prueba y fui leyendo varios blogs de ayuda. Lo que mas me costo aunque parezca una tonteria es poner en los titulos de las entradas la fecha justo al lado...Lo que mas me anima es que existen blogs muy buenos, como el tuyo, y sabiendo aplicar todo lo bueno que enseñais, y teniendo tiempo(por suerte o desgracia ahora lo que me sobra es tiempo) pues se obtiene el resultado que viste
Lo del nuevo formulario de comentarios que por lo que he leido, tantos doleres de cabeza os ha producido, no se si lo pondre...quizas mas adelante
Una sonrisa y de gracias por tu ayuda ;-)
Hola gemita! Te escribo para darte las gracias por colocarme en tu rincón de amigos! Muchas Gracias! =) Salu2
Gracias a ti El Club de los Parados ;)
Juan Carlos te lo debía de hace muchoooo tiempo ;)
Muy bueno, como siempre y muy útil a la hora de generar botones con las formas, tamaños y colores deseador. De nuevo gracias Gem@..Un saludo...
www.elrastreador.com
Que bueno verte Emigasei67 estás perdido :O
MUITO BOM
¡Hola Gema!
Pq cuando añado un boton creado por "As Button Generator" me sale el boton dentro de un recuadro gris???
yz Formador Ocupacional hay que descartar que sólo se añade ese recuadro a los botones y no a todas las imágenes.
Busca en la plantilla:
/* images */
img {
background: #FAFAFA;
border: 1px solid #E4E4E4;
padding: 8px;
}
elimina lo que está en negrita y sin guardar cambios mira en vista previa, y el recuadro desaparece quiere decir que son los estilos que tienes para mostrar las imágenes eliminas lo señalado en negrita y listo.
Si no desaparece quiere decir que el fondo de los botones no es transparente y al tener color de fondo en tu blog muestra el fondo del botón.
Ok, efectivamente, el fondo de mis botones creados por "As Button Generator" no es transparente, por eso aparece un rectangulo en cada uno de ellos... ahora la pregunta es.. ¿Como hago para que sean transparentes y se quite el rectangulo de los mismo?
Te dejo mi pagina por si quieres ver como estan.
http://formadores-ocupacionales.blogspot.com/
Gracias Gema¡
yz Vi tu página Formador Ocupacional por eso me di cuenta que podía ser el fondo de los botones o el que añadiste a los estilos de las imágenes :D
¿Cómo eliminarlo? si sabes usar algún editor que añada fondo transparente (formato png)esa es la solución.
Si no sabes queda la opción de crear otros botones, mira esta entrada
http://gemablog-.blogspot.com/2007/09/gsites-botones.html
Te da la opción de fondo transparente :)
¿Añadir fondo transparante? puff, me rindo jajaja. Prefiero volver hacer los bototones con la pagina que me has dado.. Muchas Gracias.. otra vez ¡¡ jajaja.
Me estas salvando la vida¡¡ ;-)
yz No hay de qué Formador Ocupacional :D